#body-wrap{
	width: 100%;
	background-color: #fff;
}
#body-header{
	width: 100%;
	height: 5.8rem;
	margin-bottom: 0.12rem;
}
#body-header img{
	width: 100%;
	height: 100%;
}
.pro-tab-wrap{
	width: 100%;
	background-color: #d9d9d9;
}
.pro-tab{
	width: 12.8rem;
	height: 0.77rem;
	margin: 0 auto;
	margin-bottom: 0.61rem;
}
.pro-tab p{
	width: 2.56rem;
	float: left;
	font-family: OPPOSans-R;
	font-size: 0.24rem;
	line-height: 0.77rem;
	color: #ffffff;
	text-align: center;
	transition:all 0.5s linear;
	cursor: pointer;
}


.pro-detail-wrap{
	width: 100%;
	background-color: #fff;
}
.pro-detail{
	width: 11.94rem;
	height: 5.47rem;
	margin: 0 auto;
	margin-bottom: 0.51rem;
}
.pro-img-box{
	width: 6.54rem;
	height: 5.45rem;
	border: 1px #606060 solid;
	float: left;
}
.pro-img-box img{
	width: 100%;
	height: 100%;
}
.pro-detail-text{
	float: left;
	height: 5.47rem;
	width: 4.73rem;
	margin-left: 0.6rem;
}
.pro-detail-text h2{
	font-family: OPPOSans-B;
	font-size: 0.3rem;
	line-height: 0.62rem;
	height: 0.62rem;
	color: #72af6b;
	width: 100%;
	border-bottom: 1px solid #606060;
	border-top: 1px solid #606060;
	margin-bottom: 0.05rem;
}
.pro-detail-text h4{
	font-family: OPPOSans-M;
	font-size: 0.24rem;
	line-height: 0.46rem;
	color: #717071;
	height: 0.46rem;
	border-bottom: 0.05rem solid #606060;
	width: 0.96rem;
	margin-bottom: 0.32rem;
}
.pro-detail-text ul{
	font-family: OPPOSans-L;
	font-size: 0.18rem;
	line-height: 0.3rem;
	color: #727171;
}
.pro-detail-text span{
	display: inline-block;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background-color: #73ae6c;
	margin-left: 0.07rem;
	margin-right: 0.15rem;
	margin-bottom: 0.02rem;
}
.pro-banner-wrap{
	width: 100%;
	height: 4.24rem;
	background-color: #f4f4f4;
}
.pro-banner{
	width: 14.8rem;
	height: 4.63rem;
	margin: 0 auto;
}
.pro-banner .pro-container{
	padding: 0.38rem 0;
	width: 12.8rem;
	height: 3rem;
	float: left;
}
.pro-banner .pro-container img{
	width: 2.98rem;
	height: 2.98rem;
}
.pro-banner .pro-slide{
	width: 2.98rem;
	height: 2.98rem;
	position: relative;
	
}
.pro-banner .pro-slide .mask{
	width: 100%;
	height: 100%;
	background-color: #72af6b;
	opacity: 0;
	transition:all 0.5s linear;
	position: absolute;
	left: 0;
	top: 0;
}
.pro-banner .pro-slide:hover .mask{
	opacity: 0.8;
}

.pro-banner .btn{
	width: 0.62rem;
	height: 1.22rem;
	margin-top: 0.92rem;
}
.pro-banner .btn img{
	width: 0.62rem;
	height: 1.22rem;
}
.pro-prev{
	float: left;
	margin-right: 0.38rem;
}
.pro-next{
	float: right;
}